<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
		<style>
			
		</style>
		<script src="./src/vue.js"></script>
	</head>

	<body>
		<div id="app">
			<p miaov="message" :ketang="message">{{message}}</p>
		</div>
		<script>
			/*
				指令：
					1. 是一种特殊的自定义行间属性，以v-开头
					2.将数据和DOM做关联，当表达式的值改变时，响应式地作用在视图
					3. 预期的值为javascript表达式

				v-bind:属性='表达式'  动态绑定数据

				简写：:
			*/
			let message = 'hello,vue';
			let vm = new Vue({
				el: '#app',
				data: { 
					message
				}
			});



		</script>
	</body>
</html>